Class("UISimpleControl",
{
	// --------- inheritance
	isa: UIControl,
	
	// Fields
	//has: {
	//	resizable: {is: "ro", init: false}
	//},

	// ---------- constructor
	after:
	{
		initProperties: function(id, props)
		{
			// additional props for simple control
			this.addProperty("Fill",     	        this.node.getFill,               this.node.setFill, "white");
			this.addProperty("BorderColor",         this.node.getStroke,             this.node.setStroke);
			this.addProperty("BorderWidth",         this.node.getStrokeWidth,        this.node.setStrokeWidth);
			this.addProperty("Shadow",              this.node.getShadow,             this.node.setShadow);
		},
		initialize: function(id, props)
		{
			if(props.resizable == true) {
				// Add resize handler
				this.AddEventHandler("mouseover", id, this.mouseOverHandler);
				this.AddEventHandler("mouseout", id, this.mouseOutHandler);
				this.resizeHandler = new ResizeHandler(this.control, {id: id, radius: 2});
			}
		}
		
	},
	
	//after:
    //{
     //   
    //},

	methods: {
		mouseOverHandler: function(e){
			e.resizeHandler.show();
		},
		
		mouseOutHandler: function(e){
			//e.resizeHandler.hide();
		}
	}
	
})